import { Component } from 'react'


export default class Message extends Component{


  render() {
    const { message, delMessage } = this.props
    return <li>
        <h3>{message.nickname}</h3>
      <p>{ message.message }</p>
      <div className="del-btn" onClick={() => {
          delMessage(message.id)
        }}>删除</div>
    </li>
  }
}